<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/ukkepuk/source/php/classes/web/Session.php');
require_once($_SERVER['DOCUMENT_ROOT'].'/ukkepuk/source/php/classes/web/UserLogin.php');
require_once($_SERVER['DOCUMENT_ROOT'].'/ukkepuk/source/php/classes/utils/CalendarUtils.php');
require_once($_SERVER['DOCUMENT_ROOT'].'/ukkepuk/source/php/classes/dao/UserDao.php');
require($_SERVER['DOCUMENT_ROOT'].'/ukkepuk/source/php/panels/LoginBoxHead.php');
$userDao = new UserDao();
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

?>



<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script src="/ukkepuk/source/html/scripts/jquery-1.7.1.js"></script>
        <script src="/ukkepuk/source/html/scripts/kidcalendar.js"></script>
        <style>@import url("/ukkepuk/source/html/css/monthcalendar.css");</style>
        <style>
            /** overall alignment **/
            body {
                background-image: url(/ukkepuk/source/html/webart/bg-repeat.png);

                margin: 0;
                padding: 0;
                text-align: center;
                font-family: Arial;
            }
            /** center all main content **/
            .main {
                background-image: url(/ukkepuk/source/html/webart/bg-main.jpg);
                background-repeat: no-repeat;
                margin: 0 auto;
                width: 900px;
                text-align: left;

            }
            
            #pagetitle {
                background-image:url(/ukkepuk/source/html/webart/titel.png);
                background-repeat:no-repeat;
                padding: 0;
                margin: 0;
                height: 145px;
            }
            
            #pagetitle #login {
                float: right;
                padding: 39px 12px;
                text-align: right;
                width: 163px;
            }
            #pagetitle h1 {
                display: none;
            }
            
           .frame {
            	width: 900px;
                height: 750px;
                background-image:url(/ukkepuk/source/html/webart/content-frame.png);
                background-repeat: no-repeat;
                position: relative;
                left: -30px;
                top: -80px;
            }
	
            #content {
                background-image: url(/ukkepuk/source/html/webart/content-back.jpg);
                width: 832px;
                height: 645px;
                position: relative;
                left: 30px;
                top: 80px;
            }
	
            #content .menu {
                font-family: cursive;
                font-size: 2em;
                height: 60px;
                padding: 24px 0 0 132px;
            }
            
            #content .menu ul {
                float: left;
                margin: 0;
                padding: 0;
            }
            
            #content .menu ul li {
                color: RoyalBlue;
                display: block;
                float: left;
                font-family: Cursive,Tahoma,Arial;
                font-weight: bold;
                list-style: none outside none;
                margin: 0 4px;
            }
            
            #content h2.title {
            	background-image: url("/ukkepuk/source/html/webart/titellabel.png");
                background-repeat: no-repeat;
                color: Tomato;
                font-size: 2em;
                height: 55px;
                margin: 3px 77px;
                padding: 16px 10px 0;
            }

            #content #pagecontent {
                margin: 0 77px;
                
            }
            
            #content #info {
                left: 220px;
                position: absolute;
                text-align: center;
                top: 670px;
                width: 477px;
            }
        </style>
        
        <script>
            //z
            <?php if(UserLogin::isLoggedIn()) { ?>
              $(document).ready(function() {
                <?php echo "loadCalendar(".
                    $userDao->getAccessibleKidIds(Session::getUser()).", ".
                    CalendarUtils::getThisYear().", ".CalendarUtils::getThisMonth().");" ?>
            });
            <?php } ?>
            
        </script>
    </head>
    <body>
        <div class="main"> 
            <div id="pagetitle">
                <h1>Huisje Ukkepuk</h1>
                <?php require($_SERVER['DOCUMENT_ROOT'].'/ukkepuk/source/php/panels/LoginBox.php'); ?>
            </div>
            <div id="main">
               
                <div id="content">
                    <div class="frame">
                        <div class="menu">
                            <ul>
                                <!--menu items goes here -->
                                <li> A  </li>
                                <li> B </li>
                            </ul>
                        </div>
                        <h2 class="title">Kalender</h2>
                        <div id="pagecontent">
                            
                            <?php if(UserLogin::isLoggedIn()) { ?>
                                <?php include($_SERVER['DOCUMENT_ROOT'] . '/ukkepuk/source/php/panels/AdminKidCalendarMonth.php'); ?>
                            <?php }else { echo "U moet eerst inloggen voor gegevens gewijzigd kunnen worden. "; } ?>
                            
                        </div>
                        
                        <div id="info">info</div>
                    </div>
                </div>
               
            </div>
    
        
        </div>
        <?php
        // put your code here
        ?>
    </body>
</html>
